<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>省市</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body id="app">
    <section class="selectArea">
        <span class="db font28 selectTip">全部</span>
        <div class="areaBox font32">
            <div class="areaList"><div data-value="1">中国</div></div>
            <div class="areaList"><div data-value="2">北京</div><div data-value="19">天津</div><div data-value="36">河北</div></div>
        </div>
    </section>


    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    
    <script type="text/javascript">
        var addr = '';  //存储选择的区域地址
        //对区域层级的展示操作
        $('.areaBox').on('click', '.areaList > div', function () {
            addr += " " + $(this).html();
            var _self = $(this);
            _self.parent().slideUp('normal', function () {
                $(document).scrollTop(0);
                if (_self.parent().next().html() === undefined) {
                    $('.j_company').removeClass('color92').addClass('colorR').html(addr);
                    $('.areaList').last().hide();
                    $('.areaList').first().show();
                }
            });

        })
        
    </script>
  </body>
</html>
